/* 
* @Author: sheak
* @Date:   2015-11-02 13:12:00
* @Last Modified by:   sheak
* @Last Modified time: 2015-11-02 13:12:00
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, address, caption, cite, code, dfn, em, strong, th, var {
    font: 400 12px "微软雅黑", "Microsoft YaHei", "Tahoma", "宋体";
}
.text-center{ text-align: center;}
body, html{ background: #F7F7F7;}

/*
 * 清除浮动
 */
.clr:after , .clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clr,.clearfix {
    zoom: 1
}


/*
 * 页面公用样式
 */
.show {
    display: block;
}

.hide {
    display: none;
}

.inl {
    display: inline;
}

.inlb {
    display: inline-block;
    *display:inline;
    * zoom: 1;
}

.left {
    float: left;
}

.right {
    float: right;
}

.fnon {
    float: none;
}

.abs {
    position: absolute;
}

.relt {
    position: relative;
}
.mgt10 {
    margin-top: 10px;
}
.mgt20 {
    margin-top: 20px;
}
.mgb20 {
    margin-bottom: 20px;
}
.pd5 {
    padding: 5px;
}

.pd10 {
    padding: 10px;
}

.ft_12{ font-size: 12px;}
.ft_14{ font-size: 14px;}
.ft_18{ font-size: 18px;}
.ft_24{ font-size: 24px;}
.ft_red{ color: #D80C18;}
.ft_666{ color: #666;}
.ft_bold{ font-weight: bold;}





/*app下载首页*/
.pc_box{ width: 100%; max-width: 1550px; margin: 0 auto;}
.gray{ color: #a6a6a6;}

#pc_header{ height: 73px; border-top: 2px solid #d51423;}
#pc_header #logo{ color: #404040;  height: 73px; line-height: 90px; font-size: 18px; padding-left: 172px; background: url(../../img/service/founder_logo.png) left center no-repeat; background-size: 172px 52px;}

.header_phone{background: url(../../img/service/pc_sp.png) 2px 5px no-repeat; background-size: 82px; width: 82px; height: 20px;}

#pc_title{ font-size: 24px; color: #a6a6a6; margin-bottom: 20px;}

/*#pc_slider*/
#pc_slider{ margin: 10px auto 140px; max-width: 1010px; min-width: 310px; background: #fff; border-radius: 40px; box-shadow:0 0 40px #adadad; padding: 70px 0 42px;}
#pc_slider a{ color: #B4A46B; }
#pc_slider .icon_ask{ padding-left: 25px; background: url(../imgs/icon_ask.png) left 3px no-repeat; color: #999;}


/*app下载 错误提醒*/
#pc_error{}
#pc_error .pc_d_info{ max-width: 700px; margin: 20px auto;}
#pc_error{}


/*pc_error_step*/
#pc_error_step{ max-width: 1110px; height: 635px; margin: 20px auto 0; position: relative;}
#pc_error_step #pc_error_animation{ width: 432px; height: 635px; background: url(../imgs/iphone_error.png) left top no-repeat; position: absolute; top:0; left:0;}
#pc_error_step #pc_error_animation ul{ position: relative;}
#pc_error_step #pc_error_animation ul li{ display: none; width: 377px; height: 528px; position: absolute; top:107px; left:28px; background: #ccc; position: relative; overflow: hidden;}
#pc_error_step #pc_error_animation ul li span{ position: absolute; display: block; width: 377px; height: 528px;}
#pc_error_step #pc_error_animation ul li span img{ width: 377px; display: block; position: absolute;}
#pc_error_step #pc_error_cont{ max-width: 670px; padding: 80px 0 0 480px;}
#pc_error_step #pc_error_cont ul{}
#pc_error_step #pc_error_cont ul li{}
#pc_error_step #pc_error_cont ul li a{ display: block;  height: 86px; border-bottom: 2px solid #EBEBEB; position: relative; color: #333; padding: 30px 0 0 38px;}
#pc_error_step #pc_error_cont ul li a:before{display: block; height: 116px; width: 38px; content: ""; position: absolute; left:-38px; top:0;}
#pc_error_step #pc_error_cont ul li a:hover{ text-decoration: none;}
#pc_error_step #pc_error_cont ul li a p{ margin-bottom: 5px;}
#pc_error_step #pc_error_cont ul li.cur a{background: #EBEBEB;}
#pc_error_step #pc_error_cont ul li.cur a:before{  background: url(../imgs/error_setp_cur.png) left center #EBEBEB no-repeat;}

.topBarFix{ position: absolute; top:0px; z-index: 110;}
.mousePoint{ display: block; z-index: 1px; position: absolute; top:130px; left:80px;}


#otherDownload{ display: none;}

/*otherSystem*/
#otherSystem{ padding-top: 35px; margin-top: -20px; background: url(../imgs/icon_systemNotice.png) center 0 no-repeat; background-size: 50px auto;}
#otherSystem .systemNotice{ padding:48px 0; width: 80%; margin: 0 auto;}
#otherSystem p{ line-height: 23px; margin: 10px auto 0; max-width: 310px;}
#otherSystem ul{ text-align: center; margin: 40px auto 0;max-width: 310px; padding-left: 5px;}
#otherSystem ul li{ float: left; margin-right: 15px;}
#otherSystem ul li a{ display: block; width: 120px; height: 120px; border: 1px solid #B4A46B; text-indent: -2000px; overflow: hidden;}

#otherSystem ul li.ios a{ background: url(../imgs/icon_ios.png) center center no-repeat; background-size: auto 60%;}
#otherSystem ul li.android a{ background: url(../imgs/icon_android.png) center center no-repeat; background-size: auto 60%;}

#otherSystem ul li.ios a:active, #otherSystem ul li.ios a:focus, #otherSystem ul li.ios a:hover{ background: url(../imgs/icon_ios_hover.png) center center no-repeat #B4A46B; background-size: auto 60%;}
#otherSystem ul li.android a:active, #otherSystem ul li.android a:focus, #otherSystem ul li.android a:hover{ background: url(../imgs/icon_android_hover.png) center center no-repeat #B4A46B; background-size: auto 60%;}

/*底部*/
#pc_footer{
    background: url(../../img/service/pc_footer_shadow.png) center top no-repeat #969595;
    background-size: auto 62px;
    padding: 50px 0 120px;
}
#pc_footer p{
    color: #666;
    font-size: 14px;
    line-height: 22px;
}


/*star*/

.star{
    width:60px;
    height:60px;
    border-radius:30px;
    position:absolute;
    top:50%;
    left:50%;
    opacity: 0.7;
    margin-left:-30px;
    margin-top:-30px;
    -webkit-transform:scale(0);
    -webkit-animation-name:janim;
    -webkit-animation-duration:.3s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-direction:normal;
    -webkit-animation-fill-mode:forwards;
}
.star s{
    width:60px;
    height:60px;
    display:block;
    border-radius:30px;
    background-color:#ff2f51;
    position:absolute;
}
.star b{
    width:60px;
    height:60px;
    display:block;
    border-radius:30px;
    position:absolute;
    background-color:#f35;
    -webkit-transform:scale(2);
    opacity:.2;
    -webkit-animation:zdjpop .8s infinite;
}
@-webkit-keyframes janim {
0% {
    -webkit-transform:scale(0.2);
}
50% {
    -webkit-transform:scale(1.2);
}
100% {
    -webkit-transform:scale(1);
}
}
@-webkit-keyframes zdjpop {
0% {
    opacity:1;
    -webkit-transform:scale(1);
}
100% {
    opacity:0;
    -webkit-transform:scale(1.5);
}
}



/* 兼容iphone4/4s */
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){
    #otherSystem ul li a{ width: 105px; height: 105px;}
}
/* 兼容iphone5 */
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
    #otherSystem ul li a{ width: 105px; height: 105px;}
}
/* 兼容iphone6 */
@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){
    #otherSystem ul li a{ width: 130px; height: 130px;}
}
/* 兼容iphone6 Plus */
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){
    #otherSystem ul li a{ width: 135px; height: 135px;}
}


